// 封装messsage函数   Message({type:'error},text:'登陆失败')
import Message_ from './index.vue'
import { createVNode, render } from 'vue'
function Message ({ type, text }) {
  // 封装逻辑
  // 1、有一个现成的组件
  // 2、createVNode方法生成一个虚拟dom对象
  const vnode = createVNode(Message_, { type, text })
  // 手动创建一个用来挂载的真实节点container
  const container = document.createElement('div')
  document.body.appendChild(container)
  // 3、render方法渲染未真实的dom节点
  render(vnode, container)
  // 4、1.5s之后关闭弹窗
  setTimeout(() => {
    render(null, container)
  }, 1500)
}
export default Message
